<!doctype html>
<html lang="zh-cmn-Hans">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no"/>
    <meta name="renderer" content="webkit"/>
    <meta name="force-rendering" content="webkit"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <link rel="stylesheet" href="{{ url_for('static',filename='css/mdui.min.css') }}">
    <title>Answer</title>
  </head>
  <body class="mdui-theme-layout-auto mdui-theme-accent-blue mdui-theme-primary-blue ">


    <div class="mdui-toolbar mdui-p-l-1">
      <div id="he-plugin-simple"></div>
      <div class="mdui-toolbar-spacer"></div>
      {% if data.account.uid == None %}
      <button class="mdui-btn mdui-btn-dense mdui-btn-icon mdui-text-color-theme mdui-ripple"><i class="mdui-icon material-icons">insert_link</i></button>
      {% else %}
      <img class="mdui-img-circle" style="width: 28px; height: 28px;" src="http://q1.qlogo.cn/g?b=qq&nk={{data.account.head}}&s=640"/>
      {% endif %}
      <a href="javascript:;" class="mdui-btn mdui-btn-icon"><i class="mdui-icon mdui-ripple mdui-text-color-theme material-icons">apps</i></a>
    </div>

    <div style="width: 100%;">
        <article id='card' class="mdui-card mdui-center mdui-shadow-4 mdui-m-y-5 mdui-typo mdui-p-x-5 mdui-p-y-3" style="max-width: 820px; min-height: 1200px;">
            <div class="mdui-text-center"><div class="mdui-spinner mdui-spinner-colorful"></div></div>
        </article>
    </div>
    <div id="nid" class="mdui-hidden">{{data.kry}}</div>
    
    <script src="{{ url_for('static', filename='js/showdown.min.js') }}"></script>
    <script>
        function GetReadme(FN) {
            NowPage = FN;
            var xmlhttp;
            if (window.XMLHttpRequest) {
                xmlhttp = new XMLHttpRequest();
            } else {
                xmlhttp = new ActiveXObject('Microsoft.XMLHttp');
            }
            xmlhttp.onreadystatechange = function() {
                if(xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                    var converter = new showdown.Converter();
                    var html = converter.makeHtml(xmlhttp.responseText);
                    document.getElementById("card").innerHTML = html;
                }
            }
            xmlhttp.open('GET', FN, true);
            xmlhttp.send();
        }
        GetReadme('/api/todown/?key='+document.getElementById('nid').innerText);
    </script>

    <script>
      WIDGET = {
        "CONFIG": {
          "modules": "024",
          "background": "5",
          "tmpColor": "000000",
          "tmpSize": "16",
          "cityColor": "000000",
          "citySize": "16",
          "aqiColor": "000000",
          "aqiSize": "16",
          "weatherIconSize": "24",
          "alertIconSize": "18",
          "padding": "0px 0px 0px 0px",
          "shadow": "0",
          "language": "auto",
          "borderRadius": "10",
          "fixed": "false",
          "vertical": "top",
          "horizontal": "left",
          "key": "f13568939fb34ec7a3f62c238ef4b2d8"
        }
      }
      </script>
    <script src="https://widget.qweather.net/simple/static/js/he-simple-common.js?v=2.0"></script>
    <script src="{{ url_for('static', filename='js/mdui.min.js') }}"></script>
    <script src="{{ url_for('static', filename='js/cookie.js') }}"></script>
  </body>
</html>